﻿@model Wiwi.Models .ChangePasswordModel 
           
@{
    ViewBag.Title = "Change Password";
}


<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

 <script type="text/javascript">
     // 'Flying' Labels
     $(document).ready(function () {
         $('#wiwi-sign-up .editor-label label').css('display', 'none');

         $('input').focus(function () {
             var theId = $(this).attr('id');
             $('label.' + theId).fadeIn('fast');
         });

         $('input').blur(function () {
             var theId = $(this).attr('id');
             $('label.' + theId).fadeOut('medium');
         });

     });

</script>

@using (Html.BeginForm()) {
@Html.ValidationSummary(true, "Password change was unsuccessful. Please correct the errors and try again.")
 
    <div class="grid_6" id="wiwi-sign-up">  
        <h5>Change Password</h5>

            <div class="editor-label">
             <label class="OldPassword" for="OldPassword">Current Password</label>    
                @Html.PasswordFor(m => m.OldPassword, new { @placeholder = "Current Password" })
                 <div class="helper-tip">
                @Html.ValidationMessageFor(m => m.OldPassword)
                </div>
            </div>


            <div class="editor-label">
            <label class="NewPassword" for="NewPassword">New Password</label>   
                @Html.PasswordFor(m => m.NewPassword, new { @placeholder = "New Password" })
                 <div class="helper-tip">
                @Html.ValidationMessageFor(m => m.NewPassword)
                </div>
            </div>

            <div class="editor-label">
                <label class="ConfirmPassword" for="ConfirmPassword">Confirm Password</label>  
        
                @Html.PasswordFor(m => m.ConfirmPassword, new { @placeholder = "Confirm Password" })
                 <div class="helper-tip">
                @Html.ValidationMessageFor(m => m.ConfirmPassword)
                </div>
            </div>
 
            <input type="submit" id="submit-button" class="xWide" value="Change Password" /> 
             
    </div>
}
